<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<title>Whirlpool | Articles</title>

		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<link href="css/style.css" rel="stylesheet" type="text/css" />

	</head>

	<body id="page">
		<!-- content -->
		<div id="content">
			<div class="section">
				<!-- box begin -->
				<div class="box">
					<div class="left-top-corner png">
						<div class="right-top-corner png">
							<div class="border-top png"></div>
						</div>
					</div>
					<div class="border-left png">
						<div class="border-right png">
							<div class="inside png">
								<h2>
									Articles
								</h2>
								<ul class="articles">
									<li>
										<img alt="" src="images/empty-img-big.gif" />
										<h3>
											Article 1
										</h3>
										Article 1 description is to be here. Since we have no idea
										what your article is about we just put standart "Lorem ipsum"
										text here. Lorem Ipsum is simply dummy text of the printing
										and typesetting industry. Lorem Ipsum has been the industry's
										standard dummy text ever since the 1500s...
										<a href="article.html" target="mainFrame">Read More</a>
									</li>
									<li>
										<img alt="" src="images/empty-img-big.gif" />
										<h3>
											Article 2
										</h3>
										Article 2 description is to be here. Since we have no idea
										what your article is about we just put standart "Lorem ipsum"
										text here. Lorem Ipsum is simply dummy text of the printing
										and typesetting industry. Lorem Ipsum has been the industry's
										standard dummy text ever since the 1500s...
										<a href="#">Read More</a>
									</li>
									<li>
										<img alt="" src="images/empty-img-big.gif" />
										<h3>
											Article 3
										</h3>
										Article 3 description is to be here. Since we have no idea
										what your article is about we just put standart "Lorem ipsum"
										text here. Lorem Ipsum is simply dummy text of the printing
										and typesetting industry. Lorem Ipsum has been the industry's
										standard dummy text ever since the 1500s...
										<a href="#">Read More</a>
									</li>
									<li>
										<img alt="" src="images/empty-img-big.gif" />
										<h3>
											Article 4
										</h3>
										Article 4 description is to be here. Since we have no idea
										what your article is about we just put standart "Lorem ipsum"
										text here. Lorem Ipsum is simply dummy text of the printing
										and typesetting industry. Lorem Ipsum has been the industry's
										standard dummy text ever since the 1500s...
										<a href="#">Read More</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="left-bot-corner png">
						<div class="right-bot-corner png">
							<div class="border-bot png"></div>
						</div>
					</div>
				</div>
				<!-- box end -->
			</div>
		</div>

	</body>
</html>

